
import React,{Component} from "react";
import "./nav_top.css"

import { Tabs, WhiteSpace, Badge } from 'antd-mobile';
import News from "./lead_news/news";
import Info from "./info/info";
import Question from "./question/question";
import Manager from "./manager/manager";





class Tabbar extends React.Component{

    constructor(props) {
        super(props);
        this.state = {
            tabs:[
                { title: <Badge>圈子</Badge> },
                { title: <Badge>头条</Badge> },
                { title: <Badge dot>资讯</Badge> },
                { title: <Badge dot>经理说</Badge> },
                { title: <Badge dot>问答</Badge> },
            ]
        }
    }

    render() {
        return (
            <div className="navTop-div">
                <Tabs tabs={this.state.tabs}
                      initialPage={0}
                      onChange={(tab, index) => { console.log('onChange', index, tab); }}
                      onTabClick={(tab, index) => { console.log('onTabClick', index, tab); }}
                >
                    <div className="content_1">
                        <News/>
                    </div>
                    <div className="content_1" >
                        <News/>
                    </div>
                    <div className="content_1">
                        <Info/>
                    </div>
                    <div className="content_1">
                        <News/>
                    </div>
                    <div className="content_1">
                        <Question/>
                    </div>
                </Tabs>
                <WhiteSpace />

            </div>
        );
    }
}
export default Tabbar;